<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会员中心</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/slider.css">
    <link rel="stylesheet" href="./css/member.css">
</head>

<body>
    <div class="head clearfix">
        <div class="top clearfix">
            <span>legochina.cn</span>
            <div class="topLink fr fs14 ">
                <span>欢迎光临</span>
                <a href="./homePage.html">乐购</a>
                <span>，请</span>
                <a href="./login.html">登录</a>
                <span>/</span>
                <a href="./register.html">注册</a>
            </div>
        </div>
        <div class="topBox">
            <div class="wrapper topPic">
                <img class="fl" src="./imgs/hyzx/11-会员中心（首页）_02.jpg" alt="">
                <span class="lh77 fs30 color_g">乐我所乐，我的VIP！</span>
                <a class="fs20 fr mt27 color_g">会员特权</a>
                <a href="./shoppingTrolley.html" class="fs20 fr mt27 color_g">我的订单</a>
                <a href="./homePage.html" class="fs20 fr mt27 color_g active">首页</a>
            </div>
        </div>
    </div>
    <div class="memeberTop">
        <div class="memberMain wrapper clearfix">
            <div class="mainLeft fl">
                <h4 class="fs18 fw_n">会员每日特权</h4>
                <div class="box1">
                    <p class="fs20">天天领乐豆</p>
                    <p class="fs14 mt13">每天可领<span class="color_r">15</span>乐豆</p>
                    <p class="fs14">每天10：00-21：00</p>
                </div>
                <div class="box2">
                    <p class="fs20">大乐豆</p>
                    <p class="fs14 mt13">100乐豆</p>
                    <p class="fs14">赢iPhone</p>
                </div>
                <div class="box3">
                    <p class="fs20">会员PLUS</p>
                    <p class="fs14 mt13">开放体验</p>
                    <p class="fs14">尊享权限</p>
                </div>
            </div>
            <div class="pptbox fl" id="memberSlider">
                <ul class="innerwrapper">
                    <li>
                        <a href="#">
                            <img src="./imgs/hyzx/1.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner2.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner3.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner4.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner5.jpg" />
                        </a>
                    </li>
                </ul>
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
            <div class="memberRight fl">
                <div>
                    <p ><a href="" class="fs16">立即登录</a></p>
                    <p><a href="">查看你的特权</a></p>
                </div>
                <p><img src="./imgs/hyzx/11-会员中心（首页）_10.jpg" alt="">我的乐豆： --</p>
                <p><img src="./imgs/hyzx/11-会员中心（首页）_13.jpg" alt="">我的优惠券： --</p>
                <img src="./imgs/hyzx/11-会员中心（首页）_1.jpg" alt="">
                <p>请<a href="./login.html">登录</a>查看</p>
                <img src="./imgs/hyzx/11-会员中心（首页）_2.jpg" alt="">
                <p>请<a href="./login.html">登录</a>查看</p>
            </div>
        </div>
    </div>
    <div class="advertising">
        <div class="wrapper pics">
            <div class="pic1 fl">
                <h6 class="fs22">PLUS专享</h6>
                <p class="fs14">20元现金卡</p>
            </div>
            <div class="pic2 fl">
                <h6 class="fs22">乐豆任务</h6>
                <p class="fs14">限时任务  领取</p>
            </div>
            <div class="pic3 fl">
                <h6 class="fs22">勋章馆</h6>
                <p class="fs14">家居家装用户</p>
            </div>
            <div class="pic4 fl">
                <h6 class="fs22">PLUS大礼包</h6>
                <p class="fs14">20元现金卡</p>
            </div>
        </div>
    </div>
    <div class="exchange wrapper clearfix">
        <h4 class="bb"><span class="fs24">1F 乐豆兑换券</span></h4>
        <div class="exList">
            <div class="exBox fl">
                <img src="./imgs/hyzx/13.jpg" alt="">
                <img src="./imgs/hyzx/11-会员中心（首页）_04.jpg" alt="">
                <p class="fs14">乐购旗舰店</p>
                <p><span class="fs20 color_o">减50</span><span class="fs14 color_o pl10">满200元可用</span></p>
                <div>15乐豆兑换</div>
            </div>
            <script>
                for(let i=0;i<4;i++){
                    document.write(`
                    <div class="exBox ml37 fl">
                <img src="./imgs/hyzx/13.jpg" alt="">
                <img src="./imgs/hyzx/11-会员中心（首页）_04.jpg" alt="">
                <p class="fs14">乐购旗舰店</p>
                <p><span class="fs20 color_o">减50</span><span class="fs14 color_o pl10">满200元可用</span></p>
                <div>15乐豆兑换</div>
            </div>
                    `)
                }
            </script>
            <div class="exBox fl">
                <img src="./imgs/hyzx/13.jpg" alt="">
                <img src="./imgs/hyzx/11-会员中心（首页）_04.jpg" alt="">
                <p class="fs14">乐购旗舰店</p>
                <p><span class="fs20 color_o">减50</span><span class="fs14 color_o pl10">满200元可用</span></p>
                <div>15乐豆兑换</div>
            </div>
            <script>
                for(let i=0;i<4;i++){
                    document.write(`
                    <div class="exBox ml37 fl">
                <img src="./imgs/hyzx/13.jpg" alt="">
                <img src="./imgs/hyzx/11-会员中心（首页）_04.jpg" alt="">
                <p class="fs14">乐购旗舰店</p>
                <p><span class="fs20 color_o">减50</span><span class="fs14 color_o pl10">满200元可用</span></p>
                <div>15乐豆兑换</div>
            </div>
                    `)
                }
            </script>
        </div>
    </div>
    <div class="wrapper mt13">
        <img src="./imgs/hyzx/11-会员中心（首页）_11.jpg" alt="">
    </div>
    <div class="exchange wrapper clearfix mt30">
        <h4 class="bb"><span class="fs24">2F 会员特价</span></h4>
        <div class="exList">
            <div class="exBox fl">
                <img src="./imgs/hyzx/13.jpg" alt="">
                <img src="./imgs/hyzx/11-会员中心（首页）_04.jpg" alt="">
                <p class="fs14">乐购旗舰店</p>
                <p><span class="fs20 color_o">减50</span><span class="fs14 color_o pl10">满200元可用</span></p>
                <div>15乐豆兑换</div>
            </div>
            <script>
                for(let i=0;i<4;i++){
                    document.write(`
                    <div class="exBox ml37 fl">
                <img src="./imgs/hyzx/13.jpg" alt="">
                <img src="./imgs/hyzx/11-会员中心（首页）_04.jpg" alt="">
                <p class="fs14">乐购旗舰店</p>
                <p><span class="fs20 color_o">减50</span><span class="fs14 color_o pl10">满200元可用</span></p>
                <div>15乐豆兑换</div>
            </div>
                    `)
                }
            </script>
            <div class="exBox fl">
                <img src="./imgs/hyzx/13.jpg" alt="">
                <img src="./imgs/hyzx/11-会员中心（首页）_04.jpg" alt="">
                <p class="fs14">乐购旗舰店</p>
                <p><span class="fs20 color_o">减50</span><span class="fs14 color_o pl10">满200元可用</span></p>
                <div>15乐豆兑换</div>
            </div>
            <script>
                for(let i=0;i<4;i++){
                    document.write(`
                    <div class="exBox ml37 fl">
                <img src="./imgs/hyzx/13.jpg" alt="">
                <img src="./imgs/hyzx/11-会员中心（首页）_04.jpg" alt="">
                <p class="fs14">乐购旗舰店</p>
                <p><span class="fs20 color_o">减50</span><span class="fs14 color_o pl10">满200元可用</span></p>
                <div>15乐豆兑换</div>
            </div>
                    `)
                }
            </script>
        </div>
    </div>
    <div class="special wrapper clearfix mt30">
        <h4 class="bb"><span class="fs24">2F 会员特价</span></h4>
        <div class="mt39 fl ml12">
            <img src="./imgs/hyzx/11-会员中心（首页）_19.jpg" alt="">
            <p class="fs24 mt47">首汽约车  完美体验！</p>
            <p class="fs16 mt16">价值20元现金卡，快来抢</p>
        </div>
        <div class="mt39 ml42 fl">
            <img src="./imgs/hyzx/11-会员中心（首页）_21.jpg" alt="">
            <p class="fs24 mt30">酒仙网  10乐豆抢鸡尾酒！</p>
            <p class="fs16 mt16">抢兑鸡尾酒，超值体验</p>
        </div>
        <div class="mt39 ml42 fl">
            <img src="./imgs/hyzx/11-会员中心（首页）_23.jpg" alt="">
            <p class="fs24 mt30">山口山战战记</p>
            <p class="fs16 mt16">PLUS特权礼拜  698宝石送不停！</p>
        </div>
    </div>
    <div class="wrapper bigImg mt47">
        <img src="./imgs/11-会员中心（首页）_28.jpg" alt="">
    </div>
    



    <footer>
        <div class="footTop">
            <div class="wrapper">
                <div class="pics">
                    <img src="./imgs/222_11.png" alt="">
                    <img src="./imgs/222_13(1).png" alt="">
                    <img src="./imgs/222_15.png" alt="">
                    <img src="./imgs/222_17.png" alt="">
                </div>
            </div>
        </div>
        <div class="wrapper service clearfix">
            <ul class="fl">
                <li class="title"><a href="#"> 购物指南</a></li>
                <li><a href="#"> 购物流程</a></li>
                <li><a href="#"> 发票制度</a></li>
                <li><a href="#"> 账户管理</a></li>
                <li><a href="#"> 会员优惠</a></li>
            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 支付方式</a></li>
                <li><a href="#"> 货到付款</a></li>
                <li><a href="#"> 网上支付</a></li>
                <li><a href="#"> 礼品卡支付</a></li>
                <li><a href="#"> 银行转帐</a></li>

            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 订单服务</a></li>
                <li><a href="#"> 订单配送查询</a></li>
                <li><a href="#"> 订单状态说明</a></li>
                <li><a href="#"> 自助取消订单</a></li>
                <li><a href="#"> 自助修改订单</a></li>
            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 退换货</a></li>
                <li><a href="#"> 退换货政策</a></li>
                <li><a href="#"> 自助申请退换货</a></li>
                <li><a href="#"> 退换货进度查询</a></li>
                <li><a href="#"> 退款方式和时间</a></li>
            </ul>
            <ul class="fl">
                <li class="title"><a href="#"> 商家服务</a></li>
                <li><a href="#"> 商家中心</a></li>
                <li><a href="#"> 运营服务</a></li>
                <li><a href="#"> 加入尾品汇</a></li>
            </ul>
            <a href="homePage.html" class="fr">
                <img src="./imgs/logo_00.png" alt="">
            </a>
        </div>
        <div class="wrapper footBottom">
            <div class="fbText">
                <p>
                    <a href="#">公司简介</a> |
                    <a href="#">Investor Relations</a> |
                    <a href="#">网站联盟</a> |
                    <a href="#"> 乐购招商 </a>|
                    <a href="#">机构销售 </a>|
                    <a href="#">手机乐购 </a>|
                    <a href="#">官方Blog </a>|
                    <a href="#">热词搜索</a>
                </p>
                <p>
                    Copyright (C) 乐购网 2004-2016, All Rights Reserved
                </p>
            </div>
        </div>
    </footer>


    <script src="./lib/jquery.min.js"></script>
    <script src="./lib/jquery.slidebox.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/member.js"></script>
</body>

</html>